<template>
  <div>
    <el-cascader
      v-model="value"
      :options="option"
      :props="{ expandTrigger: 'hover',label: 'name',value: 'id' }"
      @change="handleChange"
    />
    {{ option }}
  </div>
</template>

<script>
export default {
  props: {
    option: {
      type: Array,
      default: () => {
        return []
      }
    }
  },
  data() {
    return {
      value: []
    }
  },
  watch: {
    option() {
      this.value = [42, 47]
      console.log('asdfasf')
    }
  },
  methods: {
    handleChange(value) {
      console.log(value)
    }
  }
}
</script>
